<template>
	<div class="container">
		<div class="nologin">
		<div class="no_image">
			<u-image :src="src" width="320.18rpx" height="320.18rpx"></u-image>	
		</div>
		<div class="nologin_bot" style="padding-bottom: 20rpx;">
			<div class="empty-title">
				<span>登录后才能看到您的购物车</span>
			</div>
		    <u-button class="nologin_btn" type="success" @click="goLogin">去登录</u-button>
		</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				src:"@/static/images/cart.png"
			}
		},
		methods:{
			goLogin(){
				// console.log(1)
			uni.navigateTo({
				url: '../login/login'
			})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container{
		.nologin{
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;	
			box-sizing: border-box;
			padding: 8.53vw 0;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
		}
		.nologin_bot{
			margin-top: 6.4vw;
			::v-deep span{
				margin-bottom: 2.13vw;
				font-size: 3.73vw;
				.nologin_btn{
					box-sizing: border-box;
					    height: 8.53vw;
					    line-height: 8vw;
					    font-size: 3.73vw;
					    margin: 2.67vw auto 0;
					    border-radius: 4.27vw;
				}
			}
		}
	}
</style>